<template>
	<el-container id="home">
    <!-- 头部 -->
    <el-header class="home-header">
      <div class="header">
        <div class="header-nav">
          <div class="header-logo"><img src="https://cdn.51bolema.com/img/bolema_logo_0923_white.png"/> </div>
          <div class="header-list">
            <ul>
              <li class="active">首页</li>
              <li>班级</li>
              <li>考试</li>
              <li>课程</li>
              <li>题库</li>
              <li class="study">上课</li>
              <li>进度计划模板</li>
              <li>进度计划管理</li>
            </ul>
          </div>
          <div class="header-user">
            <span class="line"></span>
            <div class="user-details">
              <div class="user-img">
                <img src="../../build/logo.png"/>
              </div>
              <div class="ivu-dropdown">
                <div class="ivu-dropdown-rel">
                  <span class="user-name">张三
                  <i class="ivu-icon"></i>
                  </span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </el-header>
    <el-container class="home-content">
      <div class="home-index">
        <!-- 左侧导航 -->
        <el-aside class="index-left" style="width:225px;">
          <div class="left-user">
            <div class="left-img">
              <img/>
            </div>
            <div class="left-content">
              <p class="content-name">张三</p>
              <p class="content-title">暂未设置个人标签</p>
              <span class="content-class">去上课</span>
            </div>
            <div class="left-message">
              <p>
                <i class="el-icon-s-goods"></i>
                <span>修改密码</span>
              </p>
              <p>
                <i class="el-icon-message-solid"></i>
                <span>我的消息</span>
              </p>
            </div>
          </div>
          <div class="left-nav">
            <el-menu
            :collapse="flag"
            :default-active="$route.path"
             router
             class="el-menu-vertical-demo"
             active-text-color="blue"
             text-color="#3477f4"
            >
              <ul>
              <el-menu-item index="/main"><li class="li-active"><i class="el-icon-s-custom"></i><span>个人中心</span></li></el-menu-item>
              <el-menu-item index="/addExam"><li><i class="el-icon-s-data"></i><span>添加考试</span></li></el-menu-item>
              <el-menu-item index="/addCourse"><li><i class="el-icon-s-platform"></i><span>添加课程</span></li></el-menu-item>
              <el-menu-item index="/addModule"><li><i class="el-icon-document-remove"></i><span>添加模板</span></li></el-menu-item>
              <el-menu-item index="/addPlan"><li><i class="el-icon-edit"></i><span>添加计划</span></li></el-menu-item>
              <el-menu-item index="/addLearn"><li><i class="el-icon-tickets"></i><span>学习报告</span></li></el-menu-item>
            </ul>
            </el-menu>

          </div>
        </el-aside>
        <!-- 中间内容 -->
        <el-main>
          <router-view></router-view>
        </el-main>
      </div>
    </el-container>
  </el-container>
</template>
<script>
	export default{
		data(){
			return{
        flag: false
        // info1:[
        //   {
        //     number:1,
        //     text1:'2020春_信息技术_集训_069',
        //     text2:'2020考研培训课程'
        //   },
        //   {
        //     number:4,
        //     text1:'2019冬_信息技术_集训_065',
        //     text2:'嘉职17级测试班级'
        //   },
        //   {
        //     number:7,
        //     text1:'2019科职富强班',
        //     text2:'2019科职java实训-富强班'
        //   }
        // ],
        // info2:[
        //   {
        //     number:2,
        //     text1:'2019冬_信息技术_集训_068',
        //     text2:'17级'
        //   },
        //   {
        //     number:5,
        //     text1:'2019冬_信息技术_集训_063',
        //     text2:'嘉职17级定岗实习测试'
        //   },
        //   {
        //     number:8,
        //     text1:'2019科职java测试班',
        //     text2:'2019科职java实训教学进度计划'
        //   }
        // ],
        // info3:[
        //   {
        //     number:3,
        //     text1:'2020冬_信息技术_集训_066',
        //     text2:'测试'
        //   },
        //   {
        //     number:6,
        //     text1:'2019秋_信息技术_集训_061',
        //     text2:'大前端兼全栈2019定制班'
        //   }
        // ]
			}
		},
		components:{

		},
		methods:{

		}
	}
</script>

<style>
 @import url("../css/home.css");
</style>
